<script setup lang="ts">
  import Hello from "./Hello.vue"

  import {ref} from "vue"
  let name=ref("zhangsan")
  let ss="hello"
  function a(){
    name.value="lisi"
}
//组件再练习（属性数据）
</script>

<template>
  <div id="name">{{ name }}</div>
  <button @click="a">改变名字</button>

  <Hello pp="hi"></Hello>
  <Hello :pp="ss"></Hello>
</template>

<style scoped>
 div#name{
  width:100px;
  height:100px;
  background-color:pink;
 }
</style>



